<template>
  <div class="m-carousel">
    <a-carousel>
      <div v-for="item in 4" :key="item">
        <h3>{{ item }}</h3>
      </div>
    </a-carousel>
  </div>
</template>

<style lang="scss">
  .m-carousel {
    height: 100%;
    .ant-carousel {
      height: 100%;
      .slick-slider {
        height: 100%;
        .slick-list {
          height: 100%;
          .slick-track {
            height: 100%;
            .slick-slide {
              height: 100%;
              text-align: center;
              background: #364d79;
              overflow: hidden;
              h3 {
                color: #fff;
              }
            }
          }
        }
      }
    }
  }
</style>
